<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <!-- 1.猜字小游戏：
    系统随机生成一个1~100的整数 
    文本框输入一个数字跟这个数字比较 
    如果大于这个数字，就输出：笨蛋，猜大了
    如果小于这个数字，就输出：笨蛋，猜小了
    如果等于这个数字，就输出：猜对了
    升级练习：增加次数限制，最多7次，猜错显示剩余次数，猜对显示恭喜猜对了，次数为0时游戏结束 -->
    <script>
        // Math.random()获取[0,1) 包含0,不包含1
        var num =Math.floor(Math.random()*100)+1;
        var i = 6;
        var shuru;
        while(i>=0){
            shuru = prompt('请输入您猜的数字：');
            console.log(num);
            if(shuru == num){
                alert('恭喜猜对了，太厉害了');
                break;
            }else if(shuru > num){
                alert('笨蛋，猜大了,还有'+ i + '次机会')
            }else if(shuru < num){
                alert('笨蛋，猜小了,还有'+ i + '次机会')
            }
            i--;
        }
    </script>
</body>
</html>